<div >
    <!-- <form class="form-horizontal" role="form" novalidate name="stForm" ng-switch on="translate.timeTypeCode.timeTypeCode">
        <div class="form-ctrl md-whiteframe-z1">
            <div class="form-search" style="height:225px;" ng-class="{true: 'shou'}[shoumun==0]" >
              
             <div> 
               <label style="">统计方式</label>
                <md-select  ng-model="system" >
                 <md-option ng-value="system.systemCode"  ng-repeat="system in systems">{{system.systemName}}</md-option>
               </md-select>
             </div>
       
                <div>
                    <label style="width:70px">域/前置</label>
                    <md-select multiple ng-model="cup.region" >
                        <md-select-label>
                            {{cup.region.length ? _getNames(cup.region,'regionName',regions) :'全部'}}
                        </md-select-label>
                        <md-option ng-value="" ng-click="_checkAll(cpu,'region')">全部</md-option>
                        <md-option ng-value="region" ng-repeat="region in regions">{{region.regionName}}</md-option>
                    </md-select>
                </div>
           </div>
           <i class="glyphicon glyphicon-chevron-up shrinkage"  ng-click="shoumun=0"></i>
            <md-button ng-click="queryAllChannel()" ng-click="shoumun==1?shoumun=0:shoumun=1" class="md-fab md-primary md-hue-1" ng-disabled ='stForm.$invalid' aria-label="Profile">
                <i class="glyphicon glyphicon-arrow-down" style="margin-top:28px;" ng-show="shoumun==0"></i>
                <i class="glyphicon glyphicon-search" ng-show="shoumun==1"></i>
            </md-button>
        </div>
    </form> -->
    <div   style="overflow: hidden;">
    <div class='left' >
       <div  id="cpu"  style="height:210px;width:600px"></div> 
       <div style="text-align: center; margin-top: -50px;font-weight:bold" >CPU使用情况</div>
    </div>
    <div class='left' style="float: right;">
       <div  id="ram"   style="height:210px;width:600px"></div>
        <div style="text-align: center ;margin-top: -50px;font-weight:bold" >内存使用情况</div>
    </div>
    
    </div>
    <div style="overflow: hidden;">
      
    <div class='left'>
       <div  id="disk" style="height:210px;width:600px"></div>
        <div style="text-align: center;margin-top: -50px;font-weight:bold" >磁盘使用情况</div>
    </div>
    <div  class='left' style="float: right;">
       <div  id="network" style="height:210px;width:600px"></div>
       <div style="text-align: center;margin-top: -50px;font-weight:bold" >网络使用情况</div>
    </div>
     
    </div>
</div>
